@checkbox-prefix-cls: ~'@{vcu-prefix}-checkbox';

.@{checkbox-prefix-cls} {

  &-mini,
  &-group-mini {
    font-size: @font-size-mini;

    .@{checkbox-prefix-cls} {

      &-inner {
        width : @checkbox-size-mini;
        height: @checkbox-size-mini;

        &::after {
          @check-width : (@checkbox-size-mini / 14) * 5px;
          @check-height: (@checkbox-size-mini / 14) * 8px;
        }
      }
    }

    // 选中状态
    .@{checkbox-prefix-cls}-checked .@{checkbox-inner-prefix-cls}::after {
      transform: rotate(35deg) scale(0.8) translate(-60%, -60%);
    }

    // 半选状态
    .@{checkbox-prefix-cls}-indeterminate {
      .@{checkbox-inner-prefix-cls}::after {
        @indeterminate-width : @checkbox-size-mini - 8px;
        @indeterminate-height: @checkbox-size-mini - 8px;
      }
    }
  }


  &-small,
  &-group-small {
    font-size: @font-size-sm;

    .@{checkbox-prefix-cls} {

      &-inner {
        width : @checkbox-size-small;
        height: @checkbox-size-small;

        &::after {
          @check-width : (@checkbox-size-small / 14) * 5px;
          @check-height: (@checkbox-size-small / 14) * 8px;
        }
      }
    }



    // 半选状态
    .@{checkbox-prefix-cls}-indeterminate {
      .@{checkbox-inner-prefix-cls}::after {
        @indeterminate-width : @checkbox-size-small - 8px;
        @indeterminate-height: @checkbox-size-small - 8px;
      }
    }
  }

  &-large,
  &-group-large {
    font-size: @font-size-lg;

    .@{checkbox-prefix-cls} {

      &-inner {
        width : @checkbox-size-large;
        height: @checkbox-size-large;

        &::after {
          @check-width : (@checkbox-size-large / 14) * 5px;
          @check-height: (@checkbox-size-large / 14) * 8px;
        }
      }
    }


    // 半选状态
    .@{checkbox-prefix-cls}-indeterminate {
      .@{checkbox-inner-prefix-cls}::after {
        @indeterminate-width : @checkbox-size-large - 8px;
        @indeterminate-height: @checkbox-size-large - 8px;
      }
    }
  }
}